import { Carousel, message } from 'antd';
import styles from './index.less';

const Role: React.FC = () => {
  const onChange = () => {
    message.error('点击了');
  };

  return (
    <div>
      <Carousel afterChange={onChange}>
        <div>
          <h3 className={styles.contentStyle}>1</h3>
        </div>
        <div>
          <h3 className={styles.contentStyle}>2</h3>
        </div>
        <div>
          <h3 className={styles.contentStyle}>3</h3>
        </div>
        <div>
          <h3 className={styles.contentStyle}>4</h3>
        </div>
      </Carousel>
    </div>
  );
};

export default Role;
